<template>
  <div class="order_success" :span="24">
    <span>
      <a-icon type="check-circle" theme="filled" />
    </span>
    <h1>你的业务单提交成功！</h1>
    <p>提交成功后需要等待你选择的操作人员审核，审核成功后才能继续业务</p>
    <div class="btnGroup" style="width: 198px;">
      <a-button type="primary" size="large" @click="goToOrder" style="margin-right:20px">查看订单</a-button>
      <a-button size="large" @click="back">返&nbsp;&nbsp;&nbsp;&nbsp;回</a-button>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {}
  },
  methods: {
    goToOrder () {
      this.$router.push({ path: '/salesCenter/orderManage' })
    },
    back () {
      this.$router.push({ path: '/salesCenter/createBussinessOrder' })
    }
  }
}
</script>

<style lang="less" scoped>
.order_success {
  margin: 24px;
  padding: 100px 24px;
  background: #ffffff;
  text-align: center;
  min-height: 600px;
}
.order_success span {
  width: 72px;
  height: 72px;
  display: inline-block;
  color: #52c41a;
  font-size: 72px;
  margin-bottom: 24px;
}
.order_success h1 {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  line-height: 1.8;
  margin-bottom: 0px;
}
.order_success p {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.6;
}
.btnGroup {
  margin-top: 20px;
}
</style>
